<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>员工登录</title>
<link href="__PUBLIC__/css/login.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="__PUBLIC__/js/jQuery1.7.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery1.42.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/Validform_v5.3.2_min.js"></script>
<script type="text/javascript">
$(function(){
	$(".screenbg ul li").each(function(){
		$(this).css("opacity","0");
	});
	$(".screenbg ul li:first").css("opacity","1");
	var login = 0;
	var t;
	var li = $(".screenbg ul li");
	var number = li.size();
	function change(index){
		li.css("visibility","visible");
		li.eq(login).siblings().animate({opacity:0},3000);
		li.eq(login).animate({opacity:1},3000);
	}
	function show(){
		login = login + 1;
		if(login<=number-1){
			change(login);
		}else{
			login = 0;
			change(login);
		}
	}
	t = setInterval(show,8000);
	//根据窗口宽度生成图片宽度
	var width = $(window).width();
	$(".screenbg ul img").css("width",width+"px");

    $('#yzm').click(function () {
        $(this).attr('src','__URL__/verify/random/'+Math.random());
    });
});
</script>
</head>

<body>
<div id="tab">
  <div class="tab_box">
    <div>
      <div class="stu_error_box"></div>
      <form action="{:U('index/login')}" method="post">
        <div id="username">
          <label>用户名：</label>
          <input type="text" id="stu_username_hide" name="name" placeholder="请输入用户名"/>
          <!--ajaxurl="demo/valid.jsp"--> 
        </div>
        <div id="password">
          <label>密&nbsp;&nbsp;&nbsp;码：</label>
          <input type="password" id="stu_password_hide" name="password" placeholder="请输入密码"/>
        </div>
        <div id="code">
          <label>验证码：</label>
          <input type="text" id="stu_code_hide" name="code" placeholder="请输入验证码"/>
          <img src="{:U('index/verify')}" id="yzm" title="看不清，换一张"/> </div>
        <div id="remember">
          <input type="checkbox" name="jz">
          <label>记住密码</label>
        </div>
        <div id="login">
          <button type="submit" name="submit" id="button" value="登录">登录</button>
        </div>
      </form>
    </div>
  </div>
</div>
<div class="screenbg">
  <ul>
    <li><a href="javascript:;"><img src="__PUBLIC__/images/0.jpg"></a></li>
    <li><a href="javascript:;"><img src="__PUBLIC__/images/1.jpg"></a></li>
    <li><a href="javascript:;"><img src="__PUBLIC__/images/2.jpg"></a></li>
    <li><a href="javascript:;"><img src="__PUBLIC__/images/3.jpg"></a></li>
  </ul>
</div>
</body>
</html>
